<div bg-action="action/system/mains/main" style="display:none;">
	<link rel="stylesheet" bg-attr="appCss" />
	<link rel="stylesheet" bg-attr="skinHref" />
	<div class="layui-layout layui-layout-admin bingo-layout-admin">
		<!-- 头部 -->
		<div class="layui-header">
			<div class="layui-logo">bingo</div>
			<ul bg-render="item in user.topNavigation" class="layui-nav layui-layout-left bingo-nav">
				{{if item.children.length == 0}}
						<li class="layui-nav-item">
						<a href="javascript:;" bg-click="gotoContent(item)">
							<i class="{{:item.icon}}"></i>
							<span> {{:item.name}}</span>
						</a>
					{{else}}
						<li class="layui-nav-item">
							<a href="javascript:;">
								<i class="{{:item.icon}}"></i>
								<span> {{:item.name}}</span>
							</a>
							<dl class="layui-nav-child">
								{{for childItem in item.children}}
								<dd>
									<a href="javascript:;" bg-click="gotoContent(childItem)">
										<i class="{{:item.icon}}"></i>
										<span> {{:childItem.name}}</span>
									</a>
								</dd>
								{{/for}}
							</dl>
						</li>
					</li>
				{{/if}}
			</ul>
			<ul class="layui-nav layui-layout-right bingo-nav">
				<li class="layui-nav-item">
					<a href="javascript:;">
						<i class="layui-icon">&#xe63f;
						</i> 皮肤
					</a>
					<dl bg-render="item in user.skinNavigation" class="layui-nav-child skin">
						<dd>
							<a href="javascript:;" style="color:#393D49;" bg-click="switchSkin(item)">
								<i class="layui-icon">
									&#xe658;
								</i> {{:item.name}}
							</a>
						</dd>
					</dl>
				</li>
				<li class="layui-nav-item">
					<a href="javascript:;">
						<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> {{:user.userName}}({{:user.role.name}})
					</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="javascript:;" bingo-target data-options="{url:'basic.html',icon:'&#xe658;',title:'基本资料',id:'966'}"><span>基本资料</span></a>
						</dd>
						<dd>
							<a href="javascript:;">安全设置</a>
						</dd>
					</dl>
				</li>
				<li class="layui-nav-item">
					<a href="javascript:void(0)" bg-click="loginOut()">
						<i class="fa fa-sign-out">
						</i> 注销
					</a>
				</li>
			</ul>
		</div>
		<!-- 左侧导航 -->
		<div bg-attr="menuHidden.bingoSided">
			<div class="layui-side-scroll">
				<div class="bingo-side-fold" bg-click="changeMenuHidden()">
					<i class="fa fa-navicon">
					</i>
				</div>
				<ul bg-render="item in user.leftNavigation" class="layui-nav layui-nav-tree">
					{{if item.children.length == 0}}
						<li class="layui-nav-item layui-nav-itemed">
						<a href="javascript:;" bg-click="gotoContent(item)">
							<i class="{{:item.icon}}"></i>
							<span> {{:item.name}}</span>
						</a>
					{{else}}
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">
								<i class="{{:item.icon}}"></i>
								<span> {{:item.name}}</span>
							</a>
							<dl class="layui-nav-child">
								{{for childItem in item.children}}
								<dd>
									<a href="javascript:;" bg-click="gotoContent(childItem)">
										<i class="{{:item.icon}}"></i>
										<span> {{:childItem.name}}</span>
									</a>
								</dd>
								{{/for}}
							</dl>
						</li>
					</li>
					{{/if}}
				</ul>
			</div>
		</div>
		<!-- 正文区域 -->
		<div class="layui-body" bg-attr="menuHidden.bodySide">
			<div class="layui-tab layui-tab-card bingo-tab">
				<ul class="layui-tab-title" >
					<li class="layui-this"><i class="{{bodyContent.icon}}"></i> {{bodyContent.title}}</li>
				</ul>
				<div class="layui-tab-content">
					<!-- 内容主体区域 -->
					<div class="layui-tab-item layui-show" id="content" bg-route="" bg-name="content">

					</div>
				</div>
			</div>
		</div>
		<!-- 底部固定区域 -->
		<div class="layui-footer bingo-foot-center">
			2017 &copy;
			<a href="#">isfree</a> license
		</div>
	</div>
</div>
